﻿@import '_variaveis';
@import '_mixins';

h3 {
	height: 50px;
	width: 100%;
	line-height: 49px;
	font-family: $font;
	text-align: center;
	background-image: linear-gradient(to right, #eeeeee, #abcc01 50%, #eeeeee 100%);
}

#sectionQuemSomos {
	float: left;
	width: 100%;

	#articleTextoByBike {
		float: left;
		margin-top: 20px;
		margin-left: 2%;
		height: 700px;
		width: 48%;
		font-size: 30px;
		text-align: justify;
	}

	#articleImagemByBike {
		float: right;
		margin-top: 22px;
		height: 700px;
		width: 48%;
		@include background_image('/Imagens/Imagens/loja.jpg', auto, 100%);
	}
}

@media only screen and (max-width: 1300px) and (min-width: 1051px) {
	#articleTextoByBike {
		float: left !important;
		height: auto !important;
		width: 96% !important;
	}

	#articleImagemByBike {
		float: left !important;
		height: 350px !important;
		width: 100% !important;
		background-size: auto 95% !important;
	}
}

@media only screen and (max-width: 1050px) and (min-width: 341px) {
	#articleTextoByBike {
		float: left !important;
		height: auto !important;
		width: 96% !important;
	}

	#articleImagemByBike {
		float: left !important;
		height: 300px !important;
		width: 100% !important;
		background-size: auto 300px !important;
	}
}

@media only screen and (max-width: 340px) {
	#articleTextoByBike {
		float: left !important;
		height: auto !important;
		width: 96% !important;
	}

	#articleImagemByBike {
		display: none;
	}
}
